<header>
    Popup 弹出层
</header>
<div class="version">
    0.2.0 新增
</div>
<table class="support">
    <thead>
        <tr>
            <td>

            </td>
            <td>
                H5
            </td>
            <td>
                微信公众号
            </td>
            <td>
                微信小程序
            </td>
            <td>
                支付宝小程序
            </td>
            <td>
                抖音小程序
            </td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>
                是否支持？
            </td>
            <td>
                ✔
            </td>
            <td>
                ✔
            </td>
            <td>
                ✔
            </td>
            <td>
                ✔
            </td>
            <td>
                ✔ 1.0.0 新增
            </td>
        </tr>
    </tbody>
</table>
<h2>
    使用
</h2>
<pre tag="html">
<ui-popup :show="show">
    <view>
        你好呀！
        <button @click="show = false">关闭</button>
    </view>
</ui-popup>
<button @click="show = true">
    点击我试试
</button>
</pre>
<h2>
    配置项
</h2>
<h3>
    Popup Attributes
</h3>
<table>
    <thead>
        <tr>
            <td>
                属性
            </td>
            <td>
                说明
            </td>
            <td>
                类型
            </td>
            <td>
                是否必输？
            </td>
            <td>
                默认值
            </td>
            <td>
                备注
            </td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>
                show
            </td>
            <td>
                是否显示
            </td>
            <td>
                boolean
            </td>
            <td>
                否
            </td>
            <td>
                false
            </td>
            <td>

            </td>
        </tr>
        <tr>
            <td>
                mask
            </td>
            <td>
                是否显示遮罩
            </td>
            <td>
                boolean
            </td>
            <td>
                否
            </td>
            <td>
                true
            </td>
            <td>

            </td>
        </tr>
    </tbody>
</table>
<h3>
    Popup Slots
</h3>
<table>
    <thead>
        <tr>
            <td>
                插槽名
            </td>
            <td>
                说明
            </td>
            <td>
                备注
            </td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>
                default
            </td>
            <td>
                内容默认插槽
            </td>
            <td>

            </td>
        </tr>
    </tbody>
</table>
<h3>
    Popup Events
</h3>
<table>
    <thead>
        <tr>
            <td>
                名称
            </td>
            <td>
                说明
            </td>
            <td>
                参数
            </td>
            <td>
                备注
            </td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>
                click
            </td>
            <td>
                用户点击弹框的时候触发
            </td>
            <td>

            </td>
            <td>
                如果只希望点击遮罩的是否触发，点击弹框内容的时候不触发，可以在弹框内容上加
                <span class="special">@click.stop</span>
                了解决
            </td>
        </tr>
    </tbody>
</table>